<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<style>
		  .el-row {
		    margin-bottom: 20px;
		    &:last-child {
		      margin-bottom: 0;
		    }
		  }
		  .el-col {
		    border-radius: 4px;
		  }
		  .bg-purple-dark {
		    background: #99a9bf;
		  }
		  .bg-purple {
		    background: #d3dce6;
		  }
		  .bg-purple-light {
		    background: #e5e9f2;
		  }
		  .grid-content {
		    border-radius: 4px;
		    min-height: 36px;
		  }
		  .row-bg {
		    padding: 10px 0;
		    background-color: #f9fafc;
		  }
		</style>
		
		
		
	</head>
	
	
	<script>
		function fun(){
			
			var exp = new Date();
			alert(exp);
			
			exp.setTime(exp.getTime()+1000*60);
			//document.cookie = "name=a" + ";expires=" + exp.toGMTString();
		    alert(exp);
		}
		
		
	</script>
	
	
	<body>
		<el-row :gutter="20">
		  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
		  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
		  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
		  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
		</el-row>
		
		
		
	</body>
</html>
